<include file="Public:header"/>
<style>/* talk list */
.imageshow{float:left;margin-left:20px;height:120px;}
.morecontent{height:100px;}
.media{height:95px;}
.media img {width:33px;height:33px;padding:5px 65px 80px 45px;cursor:pointer;}
.music img {cursor:pointer;}
.hpostimg img {cursor:url('zoomin.cur'), pointer;padding:3px;margin:4px 0 4px 0;overflow:hidden;margin-right:20px;border:1px #cccccc solid;}
.linkbg {margin-top:10px;padding:10px;border:1px solid #EBE6C9;background:#FCF9E6 none repeat scroll 0 0;font-size:12px;}
#viewbox {margin:10px;}
.photoimg {width:134px;margin:18px;float:left;text-align:center;border:1px #cccccc solid;padding:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.photoimgimg {width:130px;border:1px #cccccc solid;}
.ubblink{font-size:12px;}
.adminico{padding:0 0 0 20px;background:url('ol1.gif') 0 3px no-repeat;float:right;}
.uonlineico{padding:0 0 0 20px;background:url('ol2.gif') 0 3px no-repeat;float:right;}
.uofflineico{padding:0 0 0 20px;background:url('ol0.gif') 0 3px no-repeat;float:right;color:#999999}

/* user & (_message) */
#info {background:#ffffff;padding:20px 0 20px 20px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px 5px;border-top-left-radius:5px}
#infohead {background:url('sendbg.png') repeat-x bottom;border-bottom:1px solid #cccccc;padding:20px 20px 0 20px;height:180px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px 5px;border-top-left-radius:5px}
#panel {float:left; margin:0 0 0 20px;width:390px}
.artZoomBox{display:none;}
</style>
<script type="text/javascript">
$(document).ready(function(){
	showImg();
});

</script>
<script type="text/javascript" src="__PUBLIC__/pickjs/lang.js"></script>
<script type="text/javascript" src="__PUBLIC__/pickjs/function.js"></script>
<script type="text/javascript" src="__PUBLIC__/pickjs/common.js"></script>

<script type="text/javascript">
		$(document).ready(function() {
			/*
			*   Examples - images
			*/

			$("a.artZoom").fancybox();
		});
</script>
	<script type="text/javascript" src="__PUBLIC__/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	
        <link href="__PUBLIC__/css/index.css" rel="stylesheet" type="text/css" />
        <link href="__PUBLIC__/css/hangyelist.css" rel="stylesheet" type="text/css" />
        <div class="containner">
        <include file="Index:header" />
        <!--导航结束-->
        <div class="body-center">

		    <div class="w_tithead"> <strong>您当前的位置是： </strong>
		      <a href="__APP__">品购网首页</a>
		      <a href="__APP__/Industry/index/id/{$list[0][industry_id]}">{$list[0][industry_id]|getIndustry}</a>
		                分享列表
		    </div>
            <!-- 图片展示 begin-->

			<script type="text/javascript" src="__PUBLIC__/js/jcarousel/lib/jquery.jcarousel.pack.js"></script>
			<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/jcarousel/lib/jquery.jcarousel.css" />
			<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/jcarousel/skins/tango/skin.css" />


			<script type="text/javascript">

			$(document).ready(function() {
			    $('#mycarousel').jcarousel({
			    	scroll: 6,
			    	visible: 6
			    });
			});
			</script>

			<div id="wrap">
			  <ul id="mycarousel" class="jcarousel-skin-tango">
			    <volist name="attachments" id="val">
			    	<li class="show_attachment" onclick="showImg({$val.id})"　><img style="cursor:pointer;" src="__PUBLIC__/Uploads/{$val.file}" width="120" height="75"/></li>
			    </volist>
			    <input type="hidden" id="show_attachment_id" name="show_attachment_id" value="" />
			  </ul>
			</div><!-- 图片展示end -->

            <div class="hangye_list">
               <div class="countmessage" style="margin-right:20px;"><a href="javascript:void(0)" id="showAddAttachment">快速发表图片>></a></div>
            </div>
            <div id="ranking_all">
                <volist name="list" id="share">
                    <div class="ranking_content">
                        <div class="avatar_div">
                            <img src="{$share.user.user_photo|default='__ROOT__/Public/images/user_photo.jpg'}" width="50" height="50"/>
                        </div>
                        <div class="text">
                            <div class="title">
                                <span class="name"><a href="/Share/show?id={$share.id}">{$share.caption|html_entity_decode=###|strip_tags=###}</a></span>

                                <span class="people">发布者：{$share.user.user_name}</span>
                                <span class="people">发布时间：{$share.time_add|date="Y-m-d",###}</span>
                            </div>
                            <div class="message">
				浏览：<span class="yellow">{$share.count_view}</span>次   评分：<span class="yellow">{$share.score|intval=###}</span> 采纳<span class="yellow">{$share.count_fav}</span>次
                            </div>
                            <div class="content">
                                <a href="/Share/show?id={$share.id}">{$share.content|html_entity_decode=###|strip_tags=###}</a>
                                <br/>
                                {$share.share_video}
                            </div>
                        </div>
                    </div>
                </volist>
                <div id="mysharePage" class="paging">
                   {$page}
                </div>
            </div>
        </div>

<script type="text/javascript">
//弹出框
function showImg(id){
	var wBox = $(".show_attachment").wBox({
	    title : "图片展示",
		requestType: "iframe",
		target:"__URL__/showImg/id/"+id
	});
}

var wBox = $("#showAddAttachment").wBox({
    title : '快速新增图片',
	requestType: "iframe",
	iframeWH:{width:400,height:260},
	target:"__URL__/add_attachment/id/{$_GET['commodity_id']}"
});
$(document).ready(function(){
	$('.morelink').click();
	$(".miniImg").live('click',function(){
        $(this).hide();
        $(this).parent().find('.artZoomBox').show();
    });
    $('.maxImgLink').live('click',function(){
        $(this).parent().parent().find('.miniImg').show();
        $(this).parent().hide();
    });
});
</script>


     <include file="Index:bottom" />
     <!--页尾部分-->
    </div>
    </body>
</html>
